@import url("/resources/src/css/daterangepicker.css");
.daterangepicker .calendar th, .daterangepicker .calendar td { min-width: 26px !important; }

.daterangepicker.ltr .ranges { display: block; float: none !important; text-align: center !important; }

.daterangepicker.ltr .ranges:before { display: block; content: ""; height: 0; visibility: hidden; clear: both; }

.toolbar-left { width: 165px; height: 35px; overflow: hidden; text-align: left; }

.toolbar-right a, .toolbar-left a { background-color: #23a8f5; color: #fff; display: inline-block; width: 70px; height: 35px; line-height: 35px; text-align: center; border-radius: 4px; cursor: pointer; }

.toolbar-right a:hover, .toolbar-left a:hover { opacity: 0.8; }

.toolbar-one { width: 70px; margin-right: 20px; }

.toolbar-right input { outline: 0; border: 1px solid #999; border-radius: 4px; height: 35px; }

.toolbar-right input:focus { border-color: #23a8f5; box-shadow: 0 0 3px #23a8f5; }

.toolbar-right input:first-child { width: 284px; }

.toolbar-right input:last-child { width: 368px; }

.toolbar-right .marleft { margin-left: 50px; }

.toolbar-right .icon-rili { transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); }

#search { width: 286px; }

#date { width: 370px; }

label.icon-rili { position: absolute; right: 15px; top: 4px; font-size: 20px; font-weight: 100; color: #999; }

label.icon-rili:hover { color: #23a8f5; cursor: pointer; }

.table > tbody > tr > td, .table > thead > tr > th { padding: 0; vertical-align: middle; text-align: center; white-space: nowrap; padding-left: 15px; padding-right: 15px; }

.table > thead > tr > th { height: 50px; background-color: #2F2F2F; color: #fff; border: 1px solid #2F2F2F; }

.table > thead > tr > th i { display: inline-block; padding-left: 5px; font-size: 14px; cursor: pointer; transform: scaleX(1.2); -webkit-transform: scaleX(1.2); -moz-transform: scaleX(1.2); -ms-transform: scaleX(1.2); }

.table > tbody > tr > td { height: 45px; border: 1px solid #e4e4e4; }

.table > tbody > tr > td a { padding-left: 10px; padding-right: 10px; cursor: pointer; }

.user-table { margin-top: 20px; }

[data-toggle="joDropdown"] { position: relative; }

[data-toggle="joDropdown"] ul[data-toggle="joMenu"] { width: 100%; border: 1px solid #e4e4e4; border-width: 0 1px 1px 1px; background-color: #fff; box-shadow: 0 0 8px #333; position: absolute; top: 100%; left: 0; margin-top: 1px; display: none; }

[data-toggle="joDropdown"] ul[data-toggle="joMenu"] li > a { display: block; width: 100%; height: 30px; line-height: 30px; }

[data-toggle="joDropdown"] ul[data-toggle="joMenu"] li > a:hover { color: #fff; background-color: #23a8f5; }

#qrcode-modal .joModal-content { width: 270px; height: 327px; overflow: visible; }

#qrcode-modal .joModal-header { width: 30px; height: 30px; border-radius: 50%; background-color: #2f2f2f; position: absolute; right: -15px; top: -15px; box-shadow: 0 0 10px #000; color: #fff; display: table-cell; vertical-align: middle; }

#qrcode-modal .joModal-header:hover { color: #23a8f5; }

#qrcode-modal .joModal-header i { font-size: 20px; cursor: pointer; }

#qrcode-modal .joModal-body img { margin-top: 40px; margin-bottom: 30px; }

#unbind-modal .joModal-body img { margin-top: 40px; margin-bottom: 30px; }
